<%@ page language="java" isELIgnored="false" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>代理IP使用记录</title>
<%@ include file="/common/liger_ui.jsp" %>
<script type="text/javascript">


$(function (){ 
	var griddata2=${recodes};
	var grid = $("#maingrid2").ligerGrid({
			rownumbers :true,
	            columns: [//totalSummary:{type: 'count'}
	             { name: 'id', display: 'id', align:'left' , hide:true},
	            <!-- { name: 'ip', display: '代理IP', align:'left' ,width: 120 },-->
                 <!--{ name: 'userId', display: '使用者', width: 50,align:'left'},-->
                 { name: 'userName', display: '使用者', width: 170,align:'left'},
                 { name: 'dcIP', display: '渠道', width: 100,align:'left'},
                 { name: 'useTime', display: '开始时间', width: 150,align:'left',type:'date',format: 'yyyy-MM-dd hh:mm' },
                 { name: 'endTime', display: '结束时间', width: 150,align:'left',type: 'date',format: 'yyyy-MM-dd hh:mm' },
                 { name: 'longTime', display: '耗时(s)', width: 100,align:'left'  }
                 
                /// { name: 'state', display: '是否可用', width: 50,align:'left',render: function (row){
                //	 var html=null;
                //	 if(row.state=="1"){
                ///		 html="可用";
                //	 }if(row.state=="3"){
                //		 html="不可用";
                //	 }
                ///	 return html;
               ///  }  }
              //   { name: 'againUse', display: '重新利用', width: 80,align:'left',render: function (row){
                //	 var html=null;
                //	 if(row.againUse=="1"){
                //		 html="是";
                //	 }else{
                //		 html="否";
                //	 }
               // 	 return html;
               ///  }  }
                 <!--
                // ,
                /// { name: 'againTime', display: '重新使用时间', width: 120,align:'left',type: 'date',format: 'yyyy-MM-dd hh:mm'}
                 -->
             ],width:'100%',height: '100%',  pageSize: 12,
             data: { Rows: griddata2 }
         }); 
		});

</script>
<style type="text/css">
<!--
.STYLE1 {
	color: #990000;
	font-weight: bold;
}
-->
</style>
</head>

<body>

<TABLE cellSpacing=1 cellPadding=3 width="100%" border=0 >
  <TBODY>
  <TR class="tr1">
    <TD colspan="2"> 代理IP:${vo.ip }使用情况 </TD>
    </TR>
 
  </TR>
  <tr>
  <td colspan="2" align="left" >
  <c:if test="${empty recodes }">
    </td>
  
	  </tr>
	  <tr>
  
  <TD align="left"  colspan="2" width="97%">
       <div id="">暂无历史记录</div>
    </TD>
  </tr>
	</TBODY>
  </TABLE>
  </c:if>
  <c:if test="${not empty recodes }">
  
  
 <table border="1" bordercolor="#cccccc" width="100%">
 <tr>
      <td>最大耗时(s)： ${vo.maxTime } &nbsp;&nbsp;</td>
      <td>最小耗时(s):${vo.minTime } &nbsp;&nbsp;</td>
   <td>使用总次数：${vo.usrNum }&nbsp;&nbsp;</td>
   <td>使用时间(s)：${vo.longTime }&nbsp;&nbsp;</td>
   <td>使用频率(s/次)：${vo.frequency }
    </td>
   
   </tr>
   </table>
    </td>
  
  </tr>
  <tr>
  
  <TD align="left"  colspan="2" width="97%">
       <div id="maingrid2"></div>
    </TD>
  </tr>
</TBODY>

</TABLE>
</c:if>

</body>
</html>

